<template>
    <div class="top_box Flex">
      <div class="top_bg_box left_img Flex1" style="margin-left: 19.875rem">
        <span class="title FontWeightB Font_s24">再建机构</span>
        <span class="rebuiltOrg Font_s34 FontWeightB">8</span>
        <span class="Font_s13 rebuiltOrg">家</span>
      </div>
      <div class="top_bg_box left_img Flex1" style="margin-left: 11.25rem">
        <span class="title FontWeightB Font_s24">投入运营</span>
        <span class="rebuiltOrg Font_s34 FontWeightB">68</span>
        <span class="Font_s13 rebuiltOrg">家</span>
      </div>

      <div class="top_bg_box right_img Flex1" style="margin-left: 100.875rem">
        <span class="title FontWeightB Font_s24">特运营</span>
        <span class="rebuiltOrg Font_s34 FontWeightB">6</span>
        <span class="Font_s13 rebuiltOrg">家</span>
      </div>
      <div class="top_bg_box right_img Flex1" style="margin-left: 11.25rem">
        <span class="title FontWeightB Font_s24">暂停营业</span>
        <span class="rebuiltOrg Font_s34 FontWeightB">3</span>
        <span class="Font_s13 rebuiltOrg">家</span>
      </div>
    </div>
</template>

<script>
export default {
  name: 'TopLeftTitle'
}
</script>

<style scoped lang="less">
.top_box{
  position: absolute;
  top: 3.875rem;
  left: 0;
  z-index: 999;
  .right_img{
    background: url("../../assets/img/communityPension/top_left_title_right.png") no-repeat;
    background-size: 100% 100%;
  }
  .left_img {
    background: url("../../assets/img/communityPension/top_left_title_img.png") no-repeat;
    background-size: 100% 100%;
  }
  .top_bg_box{
    width: 17.3125rem;
    height: 3.8125rem;
    line-height: 3rem;
    position: relative;
    overflow: hidden;
    .title{
      font-weight:bold;
      color:rgba(74,74,74,1);
      text-shadow:0 0 10px rgba(5,8,53,0.75);
      background:linear-gradient(0deg,rgba(99,207,231,1) 0%, rgba(255,255,255,1) 100%);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      margin: 2.5rem;
    }
    .rebuiltOrg{
      color:rgba(249,222,6,1);
      margin-right: 0.8rem;
    }
  }
}
</style>
